<template>
	<view class="box">
		<view class="topmain">
			<image class="bgimg"
				src="https://images.fudiemall.com/storage/default/20250114/minebg5702e9351a797e83c08a78a9925cf5e8f90b516b.png"
				mode="aspectFill"></image>
			<view class="userwrap">
				<view class="userwrapleft">
					<image class="userimage" :src="user.avatar" mode="aspectFill"></image>
					<view class="userwraplefttop">
						<text class="name">{{user.nickname||"****"}}</text>
						<text class="account">账号：{{user.username||"********"}}</text>
						<image class="vip" :src="user.user_creation_system_images" mode="aspectFill"></image>
					</view>
				</view>
				<image class="kefu" @click="showflag" :src="baseUrl + '/static/icon/kefu.png'" mode="aspectFill">
				</image>
				<!-- #ifdef MP-WEIXIN -->
				<button class="kefu" open-type="contact" style="opacity: 0;" @contact=""></button>
				<!-- #endif -->
				<!-- #ifdef MP-ALIPAY -->
				<contact-button class="kefu" tnt-inst-id="Fs0_yOao" scene="SCE01350885" />
				<!-- #endif -->
				<image class="set" @click="gosetting" :src="baseUrl + '/static/icon/set.png'" mode="aspectFill"></image>
			</view>
		</view>
		<view class="assetswrap">
			<view class="tit">我的资产</view>
			<view class="assetmain">
				<view class="assetitem" @click="gogreenintegral">
					<text class="num">{{infos.rights.score||"****"}}</text>
					<view class="textmain">
						我的More值 <image :src="baseUrl + '/static/icon/right.png'" mode="aspectFill"></image>
					</view>
				</view>
				<view class="line"></view>
				<view class="assetitem" @click="gomoreticket">
					<text class="num">{{infos.rights.money||"****"}}</text>
					<view class="textmain">
						我的More券 <image :src="baseUrl + '/static/icon/right.png'" mode="aspectFill"></image>
					</view>
				</view>
			</view>
		</view>
		<view class="orderwrap">
			<view class="tit">
				地猫订单
			</view>
			<view class="ordermain">
				<view class="orderitem" @click="golocallist(0)">
					<image :src="baseUrl + '/static/icon/all1.png'" mode="aspectFill"></image>
					<text>全部订单</text>
				</view>
				<view class="orderitem" @click="golocallist(1)">
					<image :src="baseUrl + '/static/icon/dzf.png'" mode="aspectFill"></image>
					<text>待支付</text>
					<view class="tiptwo" v-if="infos.local_order_bar.to_pay<10 && infos.local_order_bar.to_pay!=0 ">
						{{infos.local_order_bar.to_pay}}
					</view>
					<view class="tipone" v-if="infos.local_order_bar.to_pay>=10">
						{{infos.local_order_bar.to_pay}}
					</view>
				</view>
				<view class="orderitem" @click="golocallist(2)">
					<image :src="baseUrl + '/static/icon/dsh1.png'" mode="aspectFill"></image>
					<text>待使用</text>
					<view class="tiptwo" v-if="infos.local_order_bar.to_used<10 && infos.local_order_bar.to_used!=0 ">
						{{infos.local_order_bar.to_used}}
					</view>
					<view class="tipone" v-if="infos.local_order_bar.to_used>=10">
						{{infos.local_order_bar.to_used}}
					</view>
				</view>
				<view class="orderitem" @click="goaftersales">
					<image :src="baseUrl + '/static/icon/sh1.png'" mode="aspectFill"></image>
					<text>售后/退款</text>
					<view class="tiptwo" v-if="infos.local_order_bar.refund<10 && infos.local_order_bar.refund!=0 ">
						{{infos.local_order_bar.refund }}
					</view>
					<view class="tipone" v-if="infos.local_order_bar.refund>=10">
						{{infos.local_order_bar.refund }}
					</view>
				</view>

			</view>
		</view>
		<view class="orderwrap">
			<view class="tit">
				云猫订单
			</view>
			<view class="ordermain">
				<view class="orderitem" @click="goorderlist(0)">
					<image :src="baseUrl + '/static/icon/all1.png'" mode="aspectFill"></image>
					<text>全部订单</text>
				</view>
				<view class="orderitem" @click="goorderlist(1)">
					<image :src="baseUrl + '/static/icon/dzf1.png'" mode="aspectFill"></image>
					<text>待支付</text>
					<view class="tiptwo" v-if="infos.order_bar.to_pay<10 && infos.order_bar.to_pay!=0 ">
						{{infos.order_bar.to_pay}}
					</view>
					<view class="tipone" v-if="infos.order_bar.to_pay>=10">
						{{infos.order_bar.to_pay}}
					</view>
				</view>
				<view class="orderitem" @click="goorderlist(2)">
					<image :src="baseUrl + '/static/icon/dsh1.png'" mode="aspectFill"></image>
					<text>待发货</text>
					<view class="tiptwo" v-if="infos.order_bar.to_ship<10 && infos.order_bar.to_ship!=0 ">
						{{infos.order_bar.to_ship}}
					</view>
					<view class="tipone" v-if="infos.order_bar.to_ship>=10">
						{{infos.order_bar.to_ship}}
					</view>
				</view>
				<view class="orderitem" @click="goaftersale">
					<image :src="baseUrl + '/static/icon/sh1.png'" mode="aspectFill"></image>
					<text>售后/退款</text>
					<view class="tiptwo" v-if="infos.order_bar.refund<10 && infos.order_bar.refund!=0 ">
						{{infos.order_bar.refund}}
					</view>
					<view class="tipone" v-if="infos.order_bar.refund>=10">
						{{infos.order_bar.refund}}
					</view>
				</view>

			</view>
		</view>
		<view class="orderwrap">
			<view class="tit">
				常用功能
			</view>
			<view class="ordermain">
				<view class="orderitem" @click="gopromotionbonus">
					<image :src="baseUrl + '/static/icon/tgfj.png'" mode="aspectFill"></image>
					<text>喵宠专区</text>
				</view>
				<view class="orderitem" v-if="!user.is_real" @click="goreal">
					<image :src="baseUrl + '/static/icon/smrz.png'" mode="aspectFill"></image>
					<text>实名认证</text>
				</view>
				<view class="orderitem" @click="gotddr">
					<image :src="baseUrl + '/static/icon/tddr.png'" mode="aspectFill"></image>
					<text>拓店达人</text>
				</view>
				<view class="orderitem" @click="goDao">
					<image
						src="https://images.fudiemall.com/storage/default/20250320/daoxuetanga2951687e404a151d3251ebe1f6d4610b75b4972.png"
						mode="aspectFill"></image>
					<text>学习专区</text>
				</view>
				<view class="orderitem" @click="goaddress">
					<image :src="baseUrl + '/static/icon/shdz.png'" mode="aspectFill"></image>
					<text>收货地址</text>
				</view>
				<view class="orderitem" @click="gonetworkexpansion">
					<image :src="baseUrl + '/static/icon/rmkl.png'" mode="aspectFill"></image>
					<text>人脉扩列</text>
				</view>

				<view class="orderitem" @click="goDpcollect">
					<image :src="baseUrl + '/static/icon/dpsc.png'" mode="aspectFill"></image>
					<text>店铺收藏</text>
				</view>
				<view class="orderitem" @click="goswhz">
					<image :src="baseUrl + '/static/icon/swhz.png'" mode="aspectFill"></image>
					<text>服务中心</text>
				</view>

				<view class="orderitem" @click="gotaskcenter">
					<image :src="baseUrl + '/static/icon/taskcenter.png'" mode="aspectFill"></image>
					<text>任务中心</text>
				</view>
				<view class="orderitem" @click="goRuzhu">
					<image :src="baseUrl + '/static/icon/sjrz.png'" mode="aspectFill"></image>
					<text>地猫入驻</text>
				</view>
				<view class="orderitem" @click="goYmRuzhu">
					<image :src="baseUrl + '/static/icon/ymrz.png'" mode="aspectFill"></image>
					<text>云猫入驻</text>
				</view>
				<view class="orderitem" @click="goMerchant">
					<image :src="baseUrl+ '/static/image/sjd.png'" mode="aspectFill"></image>
					<text>商家端</text>
				</view>
				<view class="orderitem" @click="goCommercial">
					<image :src="baseUrl+ '/static/image/swd.png'" mode="aspectFill"></image>
					<text>商务端</text>
				</view>
				<view class="orderitem" @click="goRedBao">
					<image
						src="https://images.fudiemall.com/storage/default/20250627/redbao6c327845e36231f6d3153a3e65c671b84b69656b.png"
						mode="aspectFill"></image>
					<text>红包</text>
				</view>
			</view>
		</view>
		<view class="orderwrap">
			<view class="tit">
				超前体验
			</view>
			<view class="ordermain">
				<view class="orderitem" @click="gochat">
					<image
						src="https://images.fudiemall.com/storage/default/20250319/AImm64baebe3c40a1c383fbf93675290ff3c546e42dd.png"
						mode="aspectFill"></image>
					<!-- <image :src="baseUrl + '/static/icon/deepseek.png'" mode="aspectFill"></image> -->
					<text>AI喵喵</text>
				</view>




			</view>

		</view>
		<view class="empty2">

		</view>
		<view class="empty2">

		</view>
		<u-popup :show="flag" mode="center" @close="flag=false" :closeable="true" bgColor="transparent"
			:closeOnClickOverlay="false">
			<view class="popup-content">
				<text class="popup-title h2">联系客服</text>
				<view class="popup-center" @click="copywx">
					<text>客服微信：{{info.hot_wechat}}</text>
					<image @click="copywx" :src="baseUrl +'/static/icon/copy.png'" mode="aspectFill"></image>
				</view>
				<view class="popup-center">
					<text>客服电话：{{info.hot_line}}</text>
					<image @click="copytel" :src="baseUrl +'/static/icon/copy.png'" mode="aspectFill"></image>
				</view>
				<text class="btns" @click="flag=false">确定</text>
			</view>
		</u-popup>
		<u-popup :show="tipShow" mode="center" @close="tipShow = false" closeable bgColor="transparent">
			<view class="prompt flex_ZC">
				<text class="f36">提示</text>
				<text class="prompt_tit">该活动仅限实名会员参与</text>
				<view class="prompt_ntm flex_ld_a">
					<text @click="tipShow = false">再想想</text>
					<text @click="goreal">去认证</text>
				</view>
			</view>
		</u-popup>
		<u-popup :show="is_invite" mode="center" @close="is_invite = false" closeable bgColor="transparent">
			<view class="prompt flex_ZC">
				<text class="f36">提示</text>
				<text class="prompt_tit">请先绑定拓店人员</text>
				<view class="prompt_ntm flex_ld_a">
					<text @click="is_invite = false">再想想</text>
					<text @click="goinvite">去绑定</text>
				</view>
			</view>
		</u-popup>
	</view>
</template>
<script>
	import {
		myuser,
		dashboard,
	} from "../../api/user.js"
	import {
		setting
	} from "../../api/other.js"
	import {
		settledDetails
	} from "../../api/join.js"

	export default {
		data() {
			return {
				baseUrl: this.$imageBaseUrl,
				flag: false,
				user: {},
				info: {},
				ymDetails: {},
				infos: {
					local_order_bar: {
						refund: 0,
						to_pay: 0,
						to_used: 0
					},
					order_bar: {
						refund: 0,
						to_evaluate: 0,
						to_pay: 0,
						to_receive: 0,
						to_ship: 0
					},
					rights: {
						money: "0.00000",
						score: "0.00000"
					}
				},
				tipShow: false,
				is_invite: false
			}
		},
		onLoad() {


		},
		onShow() {
			// // #ifdef H5
			// this.getinfo()
			// // #endif
			if (uni.getStorageSync("token")) {
				this.getdashboard()
				this.getinfo()
				// // #ifdef MP-WEIXIN || MP-ALIPAY
				// 	this.getinfo()
				// // #endif

			}
			this.is_invite = false
		},
		onReady() {},
		methods: {
			goRedBao() {
				uni.navigateTo({
					url: "/pageUser/redEnvelope/redEnvelope"
				})
			},
			gotaskcenter() {
				uni.navigateTo({
					url: "/pageUser/task/task"
				})
			},
			goinvite() {
				uni.navigateTo({
					url: "/pageUser/myuser/invitecode"
				})
			},
			gonewlist() {
				uni.navigateTo({
					url: "/pageDao/Dao/newlist"
				})
			},
			goDao() {
				uni.navigateTo({
					url: "/pageDao/Dao/Dao"
				})
			},
			gochat() {
				uni.navigateTo({
					url: "/pageUser/myuser/chat"
				})
			},
			goswhz() {
				uni.navigateTo({
					url: '/pageUser/myuser/businesscooperation'
				})
			},
			gotddr() {
				uni.navigateTo({
					url: "/pageUser/myuser/shopbuilder"
				})
			},
			goaftersales() {
				uni.navigateTo({
					url: "/pageOrder/localorder/aftersale"
				})
			},
			goreal() {
				uni.navigateTo({
					url: "/pageUser/myuser/realname"
				})
			},
			//商家入驻
			goRuzhu() {
				if (!this.user.is_real) {
					uni.$u.toast('请先实名认证');
				} else if (this.user.pid <= 1) {
					this.is_invite = true
				} else {
					this.gettledDetails()

				}
			},
			goYmRuzhu() {

				if (!this.user.is_real) {
					uni.$u.toast('请先实名认证');
				} else if (this.user.pid <= 1) {
					this.is_invite = true
				} else {
					// let url = ''
					// if (this.ymDetails.step == '7') {
					// 	url = '/pageYm/ymJoin/ymJoinzl'
					// } else {
					// 	url = '/pageYm/ymJoin/ymJoinIndex'
					// }
					// uni.navigateTo({
					// 	url: url
					// })
					uni.navigateTo({
						url: '/pages/index/blankPage'
					})
				}
			},
			goDpcollect() {
				uni.navigateTo({
					url: '/pagesMy/cloudCat/shopCollect'
				})
			},
			// 相关数据/角标
			getdashboard() {
				dashboard().then(res => {
					this.infos = res.data
				})
			},
			getserviceinfo() {
				setting().then(res => {
					this.info = res.data.hot_service
				})
			},
			gettledDetails() {
				uni.showLoading({
					title: '加载中',
					mask: true
				})
				settledDetails().then(res => {
					console.log(res);
					uni.hideLoading()
					if (res.data.pay_type == 2) {
						console.log('拉卡拉');
						uni.navigateTo({
							url: '/pagesMy/businessJoin/joinIndexCopy'
						})
					} else {
						console.log('初次或者汇付支付');
						uni.navigateTo({
							url: '/pagesMy/businessJoin/joinIndex'
						})
					}
				})
			},

			gomoreticket() {
				uni.navigateTo({
					url: "/pageUser/myuser/moreticket"
				})
			},
			goaftersale() {
				uni.navigateTo({
					url: "/pageOrder/aboutorder/aftersale"
				})
			},
			gogreenintegral() {
				uni.navigateTo({
					url: "/pageUser/myuser/greenintegral"
				})
			},
			gonetworkexpansion() {
				uni.navigateTo({
					url: "/pageUser/myuser/networkexpansion"
				})
			},
			gopromotionbonus() {
				if (this.user.is_real) {
					uni.navigateTo({
						url: "/pageUser/myuser/promotionbonus"
					})
				} else {
					this.tipShow = true
				}

			},
			goaddress() {
				uni.navigateTo({
					url: "/pageUser/myuser/addresslist"
				})
			},
			// 商家端入口
			goMerchant() {
				// #ifdef H5
				window.location.href = 'https://seller.fudiemall.com';
				// #endif
				// #ifdef MP-ALIPAY
				my.ap.openURL({
					url: 'https://seller.fudiemall.com', // 请将 url 替换为有效的页面地址
					success: (res) => {
						console.log('openURL success', res)
					},
					fail: (err) => {
						console.log('openURL success', err)
					}
				});
				// #endif
				// #ifdef MP-WEIXIN
				uni.navigateTo({
					url: "/pageLogin/login/ceshilogin"
				})
				uni.setStorageSync("weburl", "https://seller.fudiemall.com")
				// #endif
			},
			// 商务端入口
			goCommercial() {
				// #ifdef H5
				window.location.href = 'https://business.fudiemall.com';
				// #endif

				// #ifdef MP-ALIPAY
				my.ap.openURL({
					url: 'https://business.fudiemall.com', // 请将 url 替换为有效的页面地址
					success: (res) => {
						console.log('openURL success', res)
					},
					fail: (err) => {
						console.log('openURL success', err)
					}
				});
				// #endif

				// #ifdef MP-WEIXIN
				uni.navigateTo({
					url: "/pageLogin/login/ceshilogin"
				})
				uni.setStorageSync("weburl", "https://business.fudiemall.com")
				// #endif

			},
			login() {
				let that = this
				var options = {
					user: that.user.id.toString(),
					accessToken: that.user.hx_im_token,
					appKey: uni.WebIM.config.appkey
				};
				console.log(options, "登陆数据")

				uni.WebIM.conn.open(options).then(res => {
						console.log(res, "查看")
					})
					.catch((reason) => {
						console.log("login fail", reason);
					});
				// console.log("登录成功")

				// console.log("登录成功")

			},
			getinfo() {
				myuser().then(res => {
					this.user = res.data

					console.log(res)
					uni.setStorageSync('hx_im_token', res.data.hx_im_token)
					uni.setStorageSync('mobile', res.data.mobile)
					if (uni.getStorageSync("hx_im_token") && !uni.getStorageSync("is_hxlogin")) {
						this.login()
					}
				})
			},
			golocallist(id) {
				uni.navigateTo({
					url: "/pageOrder/localorder/localorder?id=" + id
				})
			},
			goorderlist(id) {
				uni.navigateTo({
					url: "/pageOrder/aboutorder/orderlist?id=" + id
				})
			},
			gosetting() {
				uni.navigateTo({
					url: "/pageUser/myuser/setting"
				})
			},
			showflag() {
				// #ifdef H5
				window.location.href = "https://work.weixin.qq.com/kfid/kfcc9a6800d61bdb24d"
				// #endif


			},
			copywx() {
				uni.setClipboardData({
					data: this.info.hot_wechat,
					success: function() {
						uni.$u.toast('复制成功');
					}
				});

			},
			copytel() {
				uni.makePhoneCall({
					phoneNumber: this.info.hot_line //仅为示例
				});


			}
		},
	}
</script>
<style>
	contact-button {
		width: 38rpx;
		height: 38rpx;
		position: absolute;
		right: 100rpx;
		bottom: 40rpx;
		opacity: 0 !important;
	}
</style>
<style lang="scss">
	.box {
		width: 750rpx;
		height: 100vh;
		background-color: #F7F7F7;
	}

	.topmain {
		width: 750rpx;
		height: 386rpx;
		/* #ifdef H5 */
		height: 246rpx;
		/* #endif */
		position: relative;

		.bgimg {
			width: 750rpx;
			height: 386rpx;
			/* #ifdef H5 */
			height: 246rpx;
			/* #endif */
		}

		.userwrap {
			width: 750rpx;
			height: 200rpx;
			position: absolute;
			bottom: 44rpx;

			.userwrapleft {
				position: absolute;
				bottom: 0;
				display: flex;
				margin-left: 50rpx;

				.userimage {
					width: 128rpx;
					height: 128rpx;
					border-radius: 50%;
				}

				.userwraplefttop {
					display: flex;
					flex-direction: column;
					margin-left: 24rpx;

					.name {
						font-weight: 700;
						font-size: 34rpx;
						color: #333333;
					}

					.account {
						font-weight: 400;
						font-size: 26rpx;
						color: #666666;
						margin-top: 14rpx;
					}

					.vip {
						width: 128rpx;
						height: 46rpx;
						margin-top: 10rpx;
					}
				}
			}

			.kefu {
				width: 38rpx;
				height: 38rpx;
				position: absolute;
				bottom: 40rpx;
				right: 100rpx;
			}

			.set {
				width: 40rpx;
				height: 36rpx;
				position: absolute;
				bottom: 40rpx;
				right: 34rpx;
			}
		}
	}

	.assetswrap {
		width: 690rpx;
		height: 246rpx;
		background: #FFFFFF;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		margin: 0 auto;

		.tit {
			font-weight: 700;
			font-size: 30rpx;
			color: #3D3D3D;
			padding-top: 32rpx;
			margin-left: 24rpx;
		}

		.assetmain {
			margin-top: 46rpx;
			display: flex;
			justify-content: space-around;

			.assetitem {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;

				.num {
					font-weight: 500;
					font-size: 40rpx;
					color: #333333;
				}

				.textmain {
					margin-top: 20rpx;
					display: flex;
					align-items: center;
					font-weight: 400;
					font-size: 24rpx;
					color: #999999;

					>image {
						width: 10rpx;
						height: 18rpx;
						margin-left: 10rpx;
					}
				}
			}
		}
	}

	.orderwrap {
		width: 690rpx;
		min-height: 246rpx;
		background: #FFFFFF;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		margin: 0 auto;
		margin-top: 24rpx;
		padding-bottom: 20rpx;

		.tit {
			padding-top: 32rpx;
			margin-left: 24rpx;
			font-weight: 700;
			font-size: 30rpx;
			color: #3D3D3D;
		}

		.ordermain {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			flex-wrap: wrap;
			margin: 0 auto;
			margin-top: 56rpx;

			.orderitem {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				position: relative;
				width: 150rpx;
				margin: 8rpx;
				margin-top: 20rpx;

				>image {
					width: 46rpx;
					height: 46rpx;
				}

				>text {
					margin-top: 20rpx;
					font-weight: 400;
					font-size: 24rpx;
					color: #3D3D3D;
				}

				.tipone {
					position: absolute;
					top: -10%;
					right: 6%;
					width: 44rpx;
					height: 24rpx;
					background: #FF7069;
					border-radius: 30rpx 30rpx 30rpx 30rpx;
					font-weight: 400;
					font-size: 22rpx;
					color: #FFFFFF;
					text-align: center;
					line-height: 24rpx;
				}

				.tiptwo {
					position: absolute;
					top: -10%;
					right: 18%;
					width: 26rpx;
					height: 26rpx;
					background: #FF7069;
					border-radius: 30rpx 30rpx 30rpx 30rpx;
					font-weight: 400;
					font-size: 22rpx;
					color: #FFFFFF;
					text-align: center;
					line-height: 26rpx;
				}
			}
		}
	}

	.line {
		width: 2rpx;
		height: 104rpx;
		background-color: #FFC300;
		opacity: 0.18;
	}

	.popup-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 48rpx;
		width: 602rpx;
		height: 406rpx;
		background: #FFFFFF;
		border-radius: 22rpx 22rpx 22rpx 22rpx;


	}

	.popup-title {
		margin-top: 40rpx;
		font-weight: 700;
		font-size: 32rpx;
		color: #333333;
	}

	.popup-center {
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: auto;

		>image {
			margin-left: 14rpx;
			width: 20rpx;
			height: 20rpx;
		}
	}

	.btns {
		width: 264rpx;
		height: 72rpx;
		background: linear-gradient(90deg, #FA2222 2%, #FFC400 98%);
		border-radius: 280rpx 280rpx 280rpx 280rpx;
		text-align: center;
		line-height: 72rpx;
		font-weight: 400;
		font-size: 28rpx;
		color: #FFFFFF;
	}

	.prompt {
		width: 600rpx;
		background: #ffffff;
		margin: 0 auto;
		border-radius: 20rpx;
		padding-top: 10rpx;
		padding-bottom: 40rpx;
	}

	.prompt>text {
		margin-top: 40rpx;
	}

	.prompt_tit {
		margin: 0 30rpx;
		font-size: 28rpx;
		color: #666666;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.prompt_ntm {
		width: 100%;
		font-size: 30rpx;
		margin-top: 50rpx;
	}

	.prompt_ntm>text:nth-child(1) {
		width: 200rpx;
		height: 72rpx;
		line-height: 72rpx;
		text-align: center;
		background: #F2F2F2;
		border-radius: 40rpx;
		color: #333333;
	}

	.prompt_ntm>text:nth-child(2) {
		width: 200rpx;
		height: 72rpx;
		line-height: 72rpx;
		text-align: center;
		background: linear-gradient(90deg, #FA2222 2%, #FFC400 98%);
		border-radius: 40rpx;
		color: #ffffff;
	}
</style>